.bgprogress{
    height:20px;
    color:transparent
}
.triangle{
    background: url("../../Images/headerImg.jpg") no-repeat left center;
    background-size: 14px 14px;
    padding-left:20px;
}
.circle{
    border-radius:10px;
    background:#C9C9C9;
    padding:0 5px;
    color:#fff;
}
.borderImg{
    border-top:4px dashed #95BD5D;
    border-bottom:4px dashed #95BD5D;
}
.trail1{
    background:#4D535E;
    color:#fff;
    border-radius:10px;
    padding:1rem;
    width:85%;
    margin-left:1.6rem;
    position: relative;
    margin-bottom:1rem;
}
.trail1 .cir{
    display:block;
    position: absolute;
    top: 1.5rem;
    left:-2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius:50%;
    background:#4D535E;
}
.trail1 .line{
    display:block;
    position: absolute;
    top: 1.8rem;
    left:-2rem;
    width: 2rem;
    height: 0.2rem;
    background:#4D535E;
}
.trail2{
    background:#F0F0F0;
    color:#999;
    border-radius:10px;
    padding:1rem;
    width:85%;
    margin-left:1.6rem;
    position: relative;
    margin-bottom:1rem;
}
.trail2 .cir{
    display:block;
    position: absolute;
    top: 1.5rem;
    left:-2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius:50%;
    background:#F0F0F0;
}
.trail2 .line{
    display:block;
    position: absolute;
    top: 1.8rem;
    left:-2rem;
    width: 2rem;
    height: 0.2rem;
    background:#F0F0F0;
}
.dataLeft{
    padding-left:2rem;
    width:30%;
    color:#999;
}
.dataRight{
    padding-left:2rem;
    width:65%;
}
